<template>
  <div class="box">
    <h2>Son2 子组件  演示简写</h2>
    从vuex中获取的值:<label>{{count}}</label>
  <br />
  <button>值 - 1</button>
  <button> 值 - 5</button>
  <button>值 - 10</button>
  <button>1秒后改成888</button>
  <button>改标题</button>
  <hr>
  <div></div>
  <hr>
  <!-- 访问模块中的state -->
  <div></div>
  <div></div>
  <hr>
  <!-- 访问模块中的state -->
  <div>user模块的数据：</div>
  <button>更新个人信息</button>
  <button>一秒后更新信息</button>

  <div>setting模块的数据：</div>
  <button>更新主题</button>
  <hr>
  <!-- 访问模块中的getters -->
  <div></div>
  </div>
</template>
≈
<script>
import {mapState} from "vuex";

export default {
  computed:{
    ...mapState(['count','title'])
  }
}
</script>

<style lang="css" scoped>
.box {
  border: 3px solid #ccc;
  width: 400px;
  padding: 10px;
  margin: 20px;
}
h2 {
  margin-top: 10px;
}
</style>
